<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<title>VMSS</title>
<link rel="stylesheet" type="text/css" href="css/basic.css" />
<link rel="stylesheet" type="text/css" href="css/public.css" />
<link rel="stylesheet" type="text/css" href="css/list.css" />
<link rel="stylesheet" type="text/css" href="css/quote.css" />
<link rel="stylesheet" type="text/css" href="css/pop.css" />
<link rel="stylesheet" type="text/css" href="css/ui/jquery.ui.core.css">
<link rel="stylesheet" type="text/css" href="css/ui/jquery.ui.theme.css">
<link rel="stylesheet" type="text/css" href="css/ui/jquery.ui.datepicker.css">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.ba-hashchange.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/floater.js"></script>
<script type="text/javascript" src="js/setHash.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.datepicker.min.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.datepicker-zh-CN.js"></script>
</head>
<body>
<div class="header"></div>
<div class="wrapper">
	<div class="quote">
		<div class="quote_panel container_radius">
			<div class="wrapper_title"><b class="colorLightGreen">填写车辆信息</b></div>
			<div class="quote_details container_radius">
				<div class="quote_details_list">
					<div class="quote_details_question">购车城市：</div>
					<div class="quote_details_answer">
						<select class="cur-home select" id="myProvince" name="myProvince" style="width:130px;">
							<option value="">选择省份:</option>
						</select>
						<span>&nbsp;省&nbsp;</span>
						<select class="select" id="myProvince_city" name="myCityCode" style="width:170px;">
							<option value="">选择城市:</option>
						</select>
						<span>&nbsp;市</span>
					</div>
					<div class="questionInfo" st="啊科技时代卡结婚<br>时代就"></div>
					<div class="errorInfo">错误信息</div>
				</div>
				<div class="quote_details_list">
					<div class="quote_details_question">车辆品牌：</div>
					<div class="quote_details_answer">
						<select id="" class="select" name="" style="width:165px;">
							<option selected="">奥迪</option>
						</select>
					</div>
					<div class="questionInfo" st="卢卡斯京都绿卡建设<br>的垃圾是的拉近了多<br>久啊了三等奖阿隆索"></div>
				</div>
				<div class="quote_details_list">
					<div class="quote_details_question">型号：</div>
					<div class="quote_details_answer">
						<select id="" class="select" name="" style="width:165px;">
							<option selected="">A1000</option>
						</select>
					</div>
					<div class="questionInfo" st="联考交流交流空间<br>斯蒂芬斯蒂芬斯蒂芬<br>沃尔沃而我尔维尔"></div>
					<div class="errorInfo">错误信息</div>
				</div>
				<div class="quote_details_list">
					<div class="quote_details_question">排气量：</div>
					<div class="quote_details_answer">
						<select id="" class="select" name="" style="width:165px;">
							<option selected="">2.0</option>
						</select>
					</div>
					<div class="questionInfo" st="联考交流交流空间<br>但很多很多很多大的<br>沃尔沃而我尔维尔"></div>
				</div>
				<div class="quote_details_list">
					<div class="quote_details_question">车牌号码：</div>
					<div class="quote_details_answer">
						<input type="text" class="text" />
						<label for="newCar"><input type="checkbox" id="newCar" class="checkbox" /><span>&nbsp;新车未上牌</span></label>
					</div>
					<div class="questionInfo" st="联考交流交流空间<br>沃尔沃而我而是<br>你们把说明你的爸"></div>
				</div>
				<div class="quote_details_list">
					<div class="quote_details_question">注册登记日期：</div>
					<div class="quote_details_answer">
						<input type="text" class="text" readonly="readonly" id="registerData" />
					</div>
					<div class="questionInfo" st="联考交流交流空间<br>但很多"></div>
				</div>
				<div class="quote_details_list">
					<div class="quote_details_question">车价：</div>
					<div class="quote_details_answer">
						<input type="text" class="text" />
						<span>　万元</span>
					</div>
					<div class="questionInfo" st="联考交流交流空间<br>但很多很多很多大的<br>沃尔沃而我尔维尔<br>看了看交流空间"></div>
				</div>
				<div class="quote_details_list">
					<div class="quote_details_question">保单到期月份：</div>
					<div class="quote_details_answer">
						<input type="text" class="text" readonly="readonly" id="insuranceDueData" />
						<span>　月</span>
					</div>
					<div class="questionInfo" st="联考交流交流空间<br>但很多很多很多大的<br>嫁汉嫁汉"></div>
				</div>
				<div class="quote_details_list">
					<div class="quote_details_question">年平均行驶里程：</div>
					<div class="quote_details_answer">
						<select id="" class="select" name="" style="width:165px;">
							<option selected="">3万以下</option>
							<option value="">4万</option>
						</select>
					</div>
					<div class="questionInfo" st="联考交流交流空间<br>但很多很多很多大的<br>沃尔沃而我尔维尔"></div>
				</div>
				<div class="quote_details_list quote_details_subset">
					<div class="quote_details_question">&nbsp;</div>
					<div class="quote_details_answer">
						<a href="javascript:" class="a_as_button">提交</a>
						<a href="javascript:" class="save_quote_details">保存信息</a>
					</div>
					<div class="questionInfo" st="联考交流交流空间<br>但很多很多很多大的<br>嫁汉嫁汉"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="footer"></div>
<script type="text/javascript">
$(".questionInfo").floater({
	fontColor:'#666',
	closer:false,
	direction:"right",
	padding:[5,10,3,6]
});

/**
 * 日历引用
 */
$("#registerData").datepicker({
		showOtherMonths : true,
		selectOtherMonths : true
		//changeMonth : true,
		//changeYear : true
	},
	$.datepicker.regional[ "zh-CN" ]
);
</script>
<script type="text/javascript">
//加载省信息
jQuery.post("json/json-array-of-province.json",function(data_p){
	for(var i=0;i<data_p.province.length;i++){
		jQuery("#myProvince").append('<option value='+data_p.province[i].code+'>'+data_p.province[i].name+'</option>');
	}
},"json");

//当省改变的时候加载城市信息
jQuery("#myProvince").change(function(){
	jQuery("#myProvince_city").html("");
	jQuery.post("json/json-array-of-city.json",
	function(data_c){
		for(var j=0;j<data_c.city.length;j++){
			var provinceNum = jQuery("#myProvince").val();
			if (provinceNum.substring(0, 2) == data_c.city[j].code.substring(0, 2)){
				jQuery("#myProvince_city").append('<option value='+data_c.city[j].code+'>'+data_c.city[j].name+'</option>');
			}
			
		}
	},"json");
});
</script>
</body>
</html>
